<template>
  <div class="message">
     <div class="messageskicy">
          <div class="MessageColumn">
      <span class="ColumnSpan"></span>
      <div class="remen">
          医院性质
          <span class="el-icon-caret-bottom"></span>
      </div>
      <div class="remen">
          学历
          <span class="el-icon-caret-bottom"></span>
      </div>
      <div class="remen">
       医院级别
       <span class="el-icon-caret-bottom"></span>
      </div>
      <div class="remen">
         <span class="el-icon-caret-bottom"></span>
      </div>
  </div>
     </div>
   <div class="pintoutiao">
       <router-view></router-view>
   </div>
  </div>
</template>

<script>
export default {
 data () {
      return {
        count: 0
      }
    },
    methods: {
      load () {
        this.count += 1
      }
    }
  }
</script>

<style scoped>
.message{
    width: 100%;
    background-color: white;
    border-bottom: .01rem solid #f5f8fa;
}
.messageskicy{
    width: 100%;
     height: .8rem;
    position: sticky;
    border: 0.01rem solid #ccc;
    top: 0rem;
    left: 0;
    z-index: 35;
}
.MessageColumn{
    width: 100%;
    height: .7rem;
    display: flex;
   
    justify-content: space-between;
    background-color: white;
    position: relative;
}
.remen{
    flex: 1;
    font-size: .2rem;
    height: 100%;
    text-align: center;
    color: black;
    /* display: flex; */
    text-align: center;
    line-height: .7rem;
}
.ColumnSpan{
    content: "";
    display: block;
    width: 1rem;
    height: .1rem;
    background-color: #ba050e;
    border-radius: .05rem;
    position: absolute;
    bottom: 0;
    left: .3rem;
    /* .3rem   1.75rem  3.25rem 4.75rem 6.3rem*/
}
</style>